<template>
  <div class="div1">
    <div class="div2">
      <div class="div3">
        <h3>电子认证服务授权书</h3>
      </div>
      <div class="div4">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;尊敬的用户：
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您通过广东宝坤网络小额贷款有限公司运营管理的有鑫贷App、网站、小程序等互联网平台（也称“应用平台”）使用电子签名认证证书获得【北京天威诚信电子商务服务有限公司】（以下简称“电子认证服务机构”）为您提供的电子认证服务。为更好地为您提供规范的服务，保障您的权益，请您仔细阅读下列内容：
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <strong>第一条 定义</strong>
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.用户：数字证书持有人以及申请使用数字证书的主体。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.爱签：浙江爱签数字科技有限公司，相关CA机构的授权审核机构，为用户提供数字证书颁发的申请、审核等服务。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.数字证书：电子认证服务机构签发的包含数字证书使用者身份信息和公开密钥的电子文件。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.CA机构：工业和信息化部批准的电子认证服务机构和国家密码管理局批准的电子政务电子认证服务机构，遵照《中华人民共和国电子签名法》为用户提供数字证书相关的电子认证服务，爱签合作CA机构包括中金金融认证中心有限公司、浙江省数字安全证书管理有限公司、江苏智慧数字认证有限公司、联通智慧安全科技有限公司、西部安全认证中心有限责任公司等。
        <br />
        <strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第二条 声明 </strong>
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.您应在申请数字证书以前务必仔细阅读本协议及CA机构在官网公布的《电子认证业务规则（CPS）》，若您不同意本协议或CPS的任意内容，或者无法准确理解爱签对条款的解释，请不要点击同意并进行后续操作；若您点击同意并进行后续操作，则表示您对本协议及CPS的全部内容已充分阅读并认可和同意遵守，同时，承诺遵守中国法律、法规、规章及其他政府规范性文件的规定，如有违反而造成任何法律后果，您将以本人名义独立承担所有相应的法律责任。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.您点击同意即表示您同意爱签将您的身份信息（包括姓名、身份证号码、手机号码、人脸信息）传输至实名认证机构与CA机构用于申请数字证书。
        <br />
        <strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第三条 申请 </strong>
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.用户同意通过爱签向爱签合作的CA机构申请并使用该机构颁发给用户的数字证书，承诺在申请证书时提供真实、完整和准确的信息及证明材料。如因故意或过失未提供真实、完整和准确的信息，导致CA机构签发证书错误，造成相关各方损失的，由用户承担相关责任。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.爱签作为CA机构的授权审核机构，负责用户的信息录入、身份审核等工作。用户在申请数字证书时应遵照CA机构的规程办理手续。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.爱签应积极响应用户发出的证书申请请求，及时通过CA机构为用户签发证书。如果由于设备或网络故障而导致签发数字证书错误、延迟、中断或者无法签发，爱签和CA机构不承担任何赔偿责任。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.用户确认委托爱签托管数字证书，爱签应确保用户可通过安全授权认证控制数字证书调用，用户调用数字证书实施电子签名，则视为接受证书并承担该证书使用的责任和后果。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5.用户确认委托爱签生成及托管签名密钥对，爱签应确保用户可通过安全授权认证控制私钥，不需要将私钥传送给用户。
        <br />
        <strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第四条 使用 </strong>
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.数字证书用于网络上的用户身份标识、数字签名验证及密钥分配，各应用系统可根据需要对其用途进行定义，但不包括涉及违反国家法律、法规或危害国家安全的用途。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.用户应确保其应用系统能为数字证书提供安全的应用环境，若因网络、主机、操作系统或其他软硬件环境等存在安全漏洞，由此导致的安全事故及相关后果，爱签和CA机构不承担责任。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.用户应当妥善保管调用数字证书的验证码或密码，不得泄漏或交付他人。如用户保管不善导致数字证书遭盗用、冒用、伪造或者篡改，用户应当自行承担相关责任。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.数字证书对应的私钥为用户本身访问和使用，用户对使用数字证书的行为负责。所有使用数字证书在网络上签署电子文件或进行其他活动均视为用户所为，因此而产生的相关后果应当由用户自行承担。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5.数字证书一律不得转让、转借或转用。因转让、转借或转用而产生的相关后果应当由用户自行承担。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.如遇数字证书遗失、被窃，或数字证书私钥泄露，用户应当立即到数字证书颁发的CA机构申请注销证书。
        <br />
        <strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第五条 更新 </strong>
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.用户授权爱签在用户使用电子签服务时使用其实名认证信息自动更新已到期数字证书，爱签保证用户在使用电子签服务时数字证书处于有效期内。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.因技术需要，如遇证书中的信息发生变更，用户应及时在爱签进行更新及重新进行实名认证，并通过爱签向CA机构申请更新证书。若用户逾期没有更新实名认证信息及证书，因此而产生的相关后果应当由用户自行负责。
        <br />
        <strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第六条 吊销 </strong>
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.如遇数字证书私钥泄露丢失、证书中的信息发生重大变更、或用户不希望继续使用数字证书的情况，用户应当立即向CA机构申请吊销证书。吊销手续遵循各注册机构的规定。用户应当承担在证书吊销之前所有因使用数字证书而造成的责任。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.如果用户主体资格灭失（如企业注销等），法定代表人或授权代表通过爱签向CA机构请求吊销用户证书，用户主体及相关责任人应当承担其数字证书在吊销前所有使用数字证书而造成的相关后果。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.对于下列情形之一，CA机构有权主动吊销所签发的证书：
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(1)用户申请证书时，提供不真实信息；
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(2)证书对应的私钥泄露或出现其他证书的安全性得不到保证的情况；
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(3)用户不能履行或违反了相关法律、法规和本协议和CPS所规定的责任和义务；
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(4)法律、法规规定的其他情形。
        <br />
        <strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第七条 其他 </strong>
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.爱签与CA机构不对由于意外事件或其他不可抗力事件而导致暂停或终止全部或部分证书服务承担任何责任。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.本协议的解释适用中华人民共和国法律。若发生任何纠纷或争议，首先应友好协商解决，协商不成的，争议方均可向浙江爱签数字科技有限公司所在地人民法院起诉。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.用户确认已经认真阅读并完全理解本协议中的各项规定，用户一旦在本页面点击同意即表明接受本协议的约束，本协议即时生效。
        <br />
        <br />
        <br />
        <br />
        <br />
        <div class="div5">
          <!-- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用户签章：【
          <span class="text">{{ dataInfo.signature }}</span>
          】
          <br />
          <br />
          身份证号码：【
          <span class="text">{{ dataInfo.idNum }}</span>
          】
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;用户账号：【
          <span class="text">{{ dataInfo.accountNumber }}</span>
          】
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;签署日期：【
          <span class="text">{{ dataInfo.date }}</span>
          】
          <br /> -->
          <!-- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用户签章：
          <span class="text">{{ dataInfo.signature }}</span>
          <br />
          <br />
          身份证号码：
          <span class="text">{{ dataInfo.userInfo.idcardNumber?dataInfo.userInfo.idcardNumber:'' }}</span>
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;用户账号：
          <span class="text">{{ dataInfo.userInfo.phone?dataInfo.userInfo.phone:'' }}</span>
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;签署日期：
          <span class="text">{{ dataInfo.date }}</span>
          <br /> -->
        </div>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
  import { onMounted, ref } from 'vue';
  import { useRoute } from 'vue-router';
  import { findAgreementSign } from '@/api/protocolApi';
  import { findUser } from '@/api/user';
  import { encryptECB, decryptECB } from '@/utils/aes';

  const route = useRoute();
  let getToken = route.query.dataToken ?? '';
  localStorage.setItem('token', getToken.toString())

//   const dataInfo: any = ref({
//     signature: '',
//     idNum: '',
//     accountNumber: '',
//     date: '',
//     userInfo: {}
//   });
//   const getProtocolDetails = () => {
//     findAgreementSign({
//       agreementId: 1
//     })
//       .then((res: any) => {
//         console.log('------------', res);
//       })
//       .finally(() => {});
//   };
//   getProtocolDetails();
//   const goFindUser = () => {
//     findUser({})
//       .then((res: any) => {
//         dataInfo.value.userInfo = res
//         dataInfo.value.userInfo.phone = decryptECB(dataInfo.value.userInfo.phone)
//       })
//       .finally(() => {});
//   };
//   goFindUser()
</script>
<style scoped lang="less">
  .div1 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .div2 {
    width: 470px;
  }
  .div3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
  }
  .div4 {
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    position: relative;
  }
  .div5 {
    width: 50%;
    text-align: left;
    position: absolute;
    bottom: 10px;
    right: 0;
  }
  .text {
    text-decoration: underline;
  }
</style>
